آموزش راهنمای توسعه کامل فلاتر [نسخه 2022]

سرفصل ها و درس ها

معرفی Introduction

• فلاتر چیست؟ What is Flutter

• سیستم عامل پشتیبانی شده Supported OS

• نصب آسان فلاتر Flutter Easy Installation

• نصب ویندوز فلوتر شماره 2 Windows Flutter Installation #2

• نصب مک فلوتر شماره 1 Mac Flutter Installation #1

• نصب مک فلوتر شماره 2 Mac Flutter Installation #2

• نصب Xcode را تمام کنید Finish Xcode setup

• مقدمه ای بر VS Code Intro to VS Code

• شرایط استفاده Terms of Use

• درباره مربی About the Instructor

• مرور دوره Reviewing the Course

بررسی موضوعات مهم دارت Dart Important Topics Reviewing

• سن من را دریافت کنید Get my Age

• جایی که توابع شماره 1 Where Functions #1

• جایی که توابع شماره 2 Where Functions #2

• اپراتور Iterable، Map و Spread Iterable, Map and Spread Operator

• سکو Platform

• تابع پسوند Extension Function

• بسته های دارت Dart Packages

• دارت ساوندنس تهی ایمنی Dart Soundness Null Safety

• کلمات کلیدی ضروری و دیرهنگام required & late keywords

• پروژه فینال دارت Dart Final Project

• بررسی کد دارت Dart Code Reviewing

• قوانین پرده زدن Linting Rules

مبانی فلاتر Flutter Basics

• پروژه پیش فرض Default Project

• درخت ویجت Widget Tree

• بدن body

• نوار برنامه appBar

• ظرف Container

• رنگ ها Colors

• ستون و سطر Column & Row

• TextStyle TextStyle

• دکمه ها Buttons

• سبک دکمه ها Buttons Styles

• IconButton onPressed IconButton onPressed

• خلاصه دکمه ها Buttons Summary

• FAB FAB

• StatefulWidget StatefulWidget

• TextField قسمت 1 TextField Part 1

• TextField قسمت 2 Visibility TextField Part 2 Visibility

• تم تیره Dark Theme

• TextField قسمت 3 کنترلر TextField Part 3 Controller

• برنامه ماشین حساب سن Age Calculator App

• رنگ پس زمینه AppBar AppBar Background Color

• حاشیه و بالشتک Margin & Padding

• تقسیم برنامه Splitting the App

• پشته و تراز Stack & Alignment

• تراز ستون و ردیف Column & Row Alignment

• تابع نقشه Map Function

• کارت و لیست نمایش Card & ListView

• ورق پایین Bottom Sheet

• کتابخانه خارجی و خانواده فونت External Library & Font Family

• تصاویر Images

• انتخابگر تاریخ Date Picker

• منبسط Expanded

• نمای شبکه و گرادیان خطی Grid View & Linear Gradient

• چند صفحه نمایش Multi Screens

• انتقال داده ها بین صفحه ها Passing data between Screens

• کشو Drawer

• TabBar TabBar

• نوار پیمایش پایین Bottom Navigation Bar

• توابع انواع تماس Functions Call Types

• اطلاعات بیشتر درباره Push Replacement Named More about Push Replacement Named

• ترکیدن Pop

• لغزنده Slider

• تبدیل Transform

• تبدیل transform

برنامه مسابقه Quiz App

• برنامه آزمون 1 Quiz App 1

• برنامه آزمون 2 Quiz App 2

• برنامه امتحانی 3 Quiz App 3

• برنامه مسابقه 4 Quiz App 4

• برنامه آزمون 5 Quiz App 5

• برنامه امتحانی 6 Quiz App 6

• برنامه امتحانی 7 Quiz App 7

برنامه نویسی غیر همگام Async Programming

• آینده Future

• جریان Stream

• Async/منتظر Async / Await

• API API

• آینده در فلاتر Future in Flutter

• استریم در فلاتر Stream in Flutter

• Async/منتظر در Flutter Async / Await in Flutter

• راه‌انداز URL URL Launcher

• ترجیحات مشترک Shared Preferences

• ثبت نام در تنظیمات برگزیده مشترک Sign Up Shared Preferences

اپلیکیشن BMI BMI App

• برنامه BMI شماره 1 BMI App #1

• برنامه BMI شماره 2 BMI App #2

• برنامه BMI شماره 3 BMI App #3

• برنامه BMI شماره 4 BMI App #4

• برنامه BMI شماره 5 BMI App #5

• برنامه BMI شماره 6 BMI App #6

• برنامه BMI شماره 7 BMI App #7

اطلاعات بیشتر درباره Flutter UI More about Flutter UI

• کدها (جدید) Codes (New)

• معرفی Introduction

• نان تست فلاتر (جدید) Flutter Toast (New)

• AppBar سفارشی Custom AppBar

• AlertDialog (جدید) AlertDialog (New)

• اسنک بار (جدید) SnackBar (New)

• فلاش بار (جدید) Flushbar (New)

• Overflow & SoftWrap & SelectableText Overflow & softWrap & SelectableText

• نوار لغزنده تصویر (چرخ فلک) شماره 1 Image Slider (Carousel) #1

• نوار لغزنده تصویر (چرخ فلک) شماره 2 Image Slider (Carousel) #2

• دکمه رادیویی Radio Button

• RadioListTile RadioListTile

• چک باکس CheckBox

• تعویض Switch

• دکمه کشویی DropdownButton

• لیست قابل گسترش Expandable List

• خیمه شب بازی Marquee

• انتخابگر تصویر (جدید) Image Picker (New)

• انتخاب کننده رنگ Color Picker

• قابل اخراج Dismissible

• شاخص درصد Percent Indicator

• ListWheelScrollView ListWheelScrollView

• InteractiveViwer InteractiveViwer

• TextFormField TextFormField

• Splash Screen (جدید) Splash Screen (New)

• نمایش صفحه قسمت 1 Page View Part 1

• نمایش صفحه قسمت 2 Page View Part 2

• نمایش صفحه قسمت 3 Page View Part 3

• نشانگر نقطه نمای صفحه (جدید) Page View Dot Indicator (New)

• نمایش صفحه قسمت 4 Page View Part 4

• InheritedWidget and Context (جدید) InheritedWidget and Context (New)

• نوار ناوبری گوگل Google Nav Bar

برنامه غذا Meal App

• SDK خود را بررسی کنید Check your SDK

• برنامه غذا قسمت 1 Meal App Part 1

• برنامه غذا قسمت 2 Meal App part 2

• برنامه غذا قسمت 3 Meal App part 3

• برنامه غذا قسمت 4 Meal App part 4

• برنامه غذا قسمت 5 Meal App Part 5

• برنامه غذا قسمت 6 Meal App Part 6

• برنامه غذا قسمت 7 Meal App Part 7

• برنامه غذا قسمت 8 Meal App Part 8

• برنامه غذا قسمت 9 Meal App Part 9

• برنامه غذا قسمت 10 Meal App Part 10

• برنامه غذا قسمت 11 Meal App Part 11

• برنامه غذا قسمت 12 Meal App Part 12

• برنامه غذا قسمت 13 Meal App Part 13

• برنامه غذا قسمت 14 Meal App Part 14

• برنامه غذا قسمت 15 Meal App Part 15

مدیریت دولتی State Management

• ارائه دهنده Provider

• GetX GetX

• توده Bloc

• ریورپاد Riverpod

• کد کامل Full Code

• چرخه حیات ویجت Widget Lifecycle

• مثال ارائه دهنده Provider Example

• برخورد با ارائه دهندگان Dealing with Providers

• مصرف کنندگان در مقابل انتخاب کنندگان Consumers vs Selectors

• مدل با مثال ارائه دهنده Model with Provider Example

انیمیشن Animation

• کانتینر متحرک Animated Container

• منحنی ها و تیرگی متحرک Curves & Animated Opacity

• موقعیت متحرک Animated Positioned

• بالشتک و تراز متحرک Animated Padding & Align

• متحرک DefaultTextStyle Animated DefaultTextStyle

• انیمیشن Tween Tween Animation

• ساخته شده در انیمیشن واضح قسمت 1 Built in Explicit Animation Part 1

• ساخته شده در انیمیشن واضح قسمت 2 Built in Explicit Animation Part 2

• ساخته شده در انیمیشن واضح قسمت 3 Built in Explicit Animation Part 3

• انیمیشن صریح سفارشی Custom Explicit Animation

• انیمیشن ساز در مقابل ویجت متحرک Animated Builder vs Animated Widget

• خلاصه انیمیشن Animation Summary

• FadeInImage FadeInImage

• انیمیشن قهرمان Hero Animation

• برنامه در انیمیشن Application on Animation

• انتقال صفحه Page Transition

• مانند دکمه Like Button

پاسخگویی - سازگاری Responsivity - Adaptiveness

• تعمیر پروژه قدیمی Repair old project

• پاسخگو - ارتفاعات Responsive - Heights

• پاسخگو - چشم انداز Responsive - Landscape

• پاسخگو - عرض Responsive - Width

• انطباقی Adaptive

بازی تیک تاک Tic Tac Game

• معرفی Introduction

• طراحی اصلی Main design

• GridView.count GridView.count

• منطق بازیکنان Players logic

• پخش خودکار Auto play

• برنده را بررسی کنید check Winner

• هوشمند سازی پخش کننده خودکار Making auto player smart

• رفع خطا Fix Error

• آزمون تمرینی Practice Test

• ریسپانسیو کردن اپلیکیشن Making app responsive

برای انجام برنامه [GetX با sqflite] To Do App [GetX with sqflite]

• معرفی Introduction

• صفحه اعلان شماره 1 Notification Screen #1

• صفحه اعلان شماره 2 Notification Screen #2

• تم ها Themes

• GetX (موضوع) GetX (Theme)

• دکمه سفارشی Custom Button

• فیلد ورودی Input Field

• صفحه کار شماره 1 را اضافه کنید Add Task Page #1

• صفحه کار شماره 2 را اضافه کنید Add Task Page #2

• AppBar سفارشی Custom AppBar

• نوار وظیفه Task Bar

• انتخابگر تاریخ Date Picker

• تصویر SVG SVG Image

• اعلان محلی Local Notification

• کاشی وظیفه Task Tile

• GetX (برگ پایین) GetX (Bottom Sheet)

• نمایش وظایف show Tasks

• اطلاعیه برنامه ریزی شده Scheduled Notification

• پایگاه داده init init Database

• پایگاه داده شماره 2 Database #2

• وظیفه را به db اضافه کنید add task to db

• تاریخ و زمان را دریافت کنید get Date and Time

• کنترل کننده Controller

• پایان شماره 1 Finishing #1

• آزمون تمرینی (آختبار) Practice Test (أختبار)

• پایان شماره 2 Finishing #2

• پایان شماره 3 Finishing #3

RESTFul API RESTFul API

• نسخه SDK را بررسی کنید Check SDK Version

• به Firebase متصل شوید Connect to Firebase

• برنامه IOS را وصل کنید Connect IOS App

• پایگاه داده بیدرنگ Realtime Database

• رسیدگی به خطاها با ظرافت Handling Errors Gracefully

• کار با async در انتظار است Working with async await

• واکشی داده ها Fetching Data

• بروزرسانی اطلاعات Update Data

• حذف داده ها Delete Data

• احراز هویت Authentication

• ثبت نام ورود SignUp & Login

• مدیریت توکن Auth به صورت محلی Managing the Auth Token Locally

• ProxyProvider ProxyProvider

• خروج و خروج خودکار Logout & Auto Logout

• ورود خودکار کاربران به سیستم Automatically Logging Users In

• از ایمنی پوچ پشتیبانی کنید Support Null Safety

برنامه چت [با استفاده از Firebase] Chat App [Using Firebase]

• نسخه SDK را بررسی کنید Check SDK Version

• Cloud Firestore Cloud Firestore

• Firestore Read & Write Firestore Read & Write

• Auth Screen UI Auth Screen UI

• Auth Screen Logic Auth Screen Logic

• در حال تکمیل صفحه تأیید اعتبار Finishing Auth Screen

• سفارش پیام های چت Ordering Chat Messages

• ایجاد حباب های چت Creating a Chat Bubbles

• افزودن انتخابگر تصویر Adding an Image Picker

• آپلود تصاویر Uploading Images

• نمایش تصاویر کاربر Displaying User Images

• پولیش و بسته بندی Polishing & Wrap Up

• قوانین امنیتی Security Rules

• از ایمنی پوچ پشتیبانی کنید Support Null Safety

• Push Notification (fcm) 1 Push Notification (fcm) 1

• Push Notification (fcm) 2 Push Notification (fcm) 2

• اعلان فشار (fcm) 3 Push Notification (fcm) 3

بهبود برنامه غذا Meal App Improvement

• دائمی کردن تنظیمات کاربر Making User Settings permanent

• منطق فیلترها Filters Logic

• ترجیحات مشترک Shared Preferences

• راه اندازی تم تاریک Dark Theme Initialization

• ارائه دهنده تم و صفحه نمایش Theme Provider & Screen

• دائمی کردن تم Making the theme permanent

• چشم انداز Landscape

• پشتیبانی از زبان عربی Support Arabic Language

• در صفحه سوار شدن On Boarding Screen

• قیچی ها Slivers

• از ایمنی نول شماره 1 پشتیبانی کنید Support Null Safety #1

• از ایمنی نول شماره 2 پشتیبانی کنید Support Null Safety #2

فروشگاه برنامه Shop App

• نسخه SDK را بررسی کنید Check SDK Version

• کد ویژوال استودیو Visual Studio Code

• فایل اصلی Main File

• صفحه Auth Auth Screen

• منطق احراز هویت Auth Logic

• طراح برنامه AppDrawer

• تولید - محصول Product

• محصولات Products

• سبد خرید و سفارش Cart & Order

• صفحه نمای کلی محصول ProductOverview Screen

• مورد محصول Product Item

• صفحه نمایش سبد خرید Cart Screen

• صفحه نمایش محصول کاربر UserProduct Screen

• ویرایش صفحه نمایش محصول EditProduct Screen

• صفحه سفارش Order Screen

• از ایمنی پوچ پشتیبانی کنید Support Null Safety

هدف قرار دادن سایر پلتفرم ها Targeting other Platforms

• فلاتر برای وب Flutter for web

• فلاتر برای دسکتاپ Flutter for desktop

پایان The End

• برنامه نقشه گوگل Google map app

• نوشتن کد سفارشی Writing Custom Code

• Git & GitHub شماره 1 Git & GitHub #1

• Git & GitHub شماره 2 Git & GitHub #2

• برنامه خود را بررسی کنید Check your app

• تغییر نام و نماد برنامه change app name & icon

• در گوگل پلی آپلود کنید Upload on Google Play

• در اپل استور آپلود کنید Upload on Apple store

• نحوه دریافت گواهینامه How to get the Certificate